<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My sephora</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/shopping-cart.css">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <link rel="stylesheet" href="./iconfont2/iconfont.css">
</head>

<body>

    <body>
        <!-- 头部 -->
        <div class="header">
            <div class="header-list w">
                <!-- 左边 -->
                <div class="header-left">
                    <span>欢迎来到丝芙兰</span>
                    <div class="header-margin">
                        <span>okay</span>
                        <img src="./images/card-pink.png" alt="">
                        <span>退出</span>
                    </div>
                    <div class="header-margin2">
                        <i class="iconfont">&#xe61b;</i>
                        <span>消息中心</span>
                        <i class="iconfont">&#xe6ec;</i>
                    </div>
                </div>
                <!-- 中间 -->
                <div class="header-middle">常见问题</div>
                <!-- 右边 -->
                <div class="header-right">
                    <span class="header-magin">
                        <img src="./images/i.png" alt="" class="header-magin">
                        <span>我的丝芙兰</span>
                        <i class="iconfont">&#xe6ec;</i>
                    </span>
                    <div class="header-magin">
                        <img src="./images/v.png" alt="">
                        <span>会员俱乐部</span>
                    </div>
                    <div class="header-magin">
                        <i class="iconfont">&#xe62f;</i>手机丝芙兰
                    </div>
                    <div class="header-magin">帮助中心</div>
                    <div class="header-magin">品牌合作</div>
                </div>
            </div>
        </div>
        <!-- header结束 -->

        <!-- logo开始 -->
        <div class="logo w">
            <div class="logo-lo">
                <a href="http://localhost:3000/1.index.html">
                <img src="./images/logo.png" alt="">
                </a>
                <img src="./images/myshoppingcar.png" alt="">
            </div>
        </div>
        <!-- logo结束 -->

        <!-- banner开始 -->
        <div class="banner-bgc">
            <div class="banner w">
                <div class="banner-tip">
                    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;您的购物车清单如含近效期产品，该近效期产品不支持7天无理由退货，近效期产品为页面有特别标示有效期信息的产品。</p>
                </div>
                <div class="banner-goods">
                    <div class="banner-title">
                        <div class="banner-box1">
                            <input type="checkbox" id='allCheck'>
                            <span>全选</span>
                        </div>
                        <div class="banner-box2">
                            <span>商品信息</span>
                        </div>
                        <div class="banner-box3">
                            <span>单价(元)</span>
                        </div>
                        <div class="banner-box4">
                            <span>数量</span>
                        </div>
                        <div class="banner-box5">
                            <span>小计(元)</span>
                        </div>
                        <div class="banner-box6">
                            <span>操作</span>
                        </div>
                    </div>

                    <!-- 商品 -->
                    <div class="cartList">
                        <!-- <div class="banner-goods-left">
                            <div class="banner-infor1">
                                <input type="checkbox">
                            </div>
                            <div class="banner-infor2">
                                <img src="" alt="">
                            </div>
                            <div class="banner-infor3">
                                <h1>3ce</h1>
                                <h2>三熹玉九色纷呈眼影盘</h2>
                                <h3>规格：3.2G,ALMOND FUDGE,杏仁软糖</h3>
                            </div>
                            <div class="banner-infor4" >99</div>
                            <div class="banner-infor5">
                                <div>-</div>
                                <div>1</div>
                                <div>+</div>
                            </div>
                            <div class="banner-infor6">99</div>
                            <div><i class="iconfont del">&#xeb83;</i></div>
                        </div> -->



                        <!-- <div class="banner-goods-left">
                            <div class="banner-infor1">
                                <input type="checkbox">
                            </div>
                            <div class="banner-infor2">
                                <img src="./images/3ce-yyp7.jpg" alt="">
                            </div>
                            <div class="banner-infor3">
                                <h1>3ce</h1>
                                <h2>三熹玉单色腮红(MOOD RECIPE FACE BLUSH )</h2>
                                <h3>规格：#SOME DEF芋艿玫瑰套装</h3>
                            </div>
                            <div class="banner-infor4">104.00</div>
                            <div class="banner-infor5">
                                <div>-</div>
                                <div>2</div>
                                <div>+</div>
                            </div>
                            <div class="banner-infor6">104.00</div>
                            <div><i class="iconfont">&#xeb83;</i></div>
                        </div> -->
                    </div> 
                </div>
                <div class="pay">
                    <!-- <input type="checkbox" class="pay1" id='allCheck'>
                    <div class="pay1" >全选</div>
                    <div class="pay1">批量删除</div>
                    <div class="pay1">|</div> -->
                    <div class="pay1">
                        <span>联系客服</span>
                        <i class="iconfont">&#xe6db;</i>
                    </div>
                    
                    <!-- 清算 -->
                    <div class="pay-right">
                        <div class="pay-warp">
                            <div class="pay-choice1">
                                <span>已选</span>
                                <span id='allNum'>0</span>
                                <span>件商品，</span>
                                <span>合计</span>
                                <span id='allPrice'>¥0.00</span>
                            </div>
                            <!-- <div class="pay-choice2">
                                <span>商品总额</span>
                                <span>¥0.00</span>
                                <i class="iconfont">&#xe724;</i>
                                <span>合计</span>
                                <span>¥0.00</span>
                            </div> -->
                        </div>
                        <div class="rightnow">立即清算</div>
                    </div>
                </div>
                <!-- 猜你喜欢 -->
                <div class="guess">
                    <div class="guess-title">
                        <p>猜你喜欢</p>
                        <div class="guess-rgb">
                            <span>&lt;</span>
                            <span>&gt;</span>
                        </div>
                    </div>
                    <div class="guess-dad">
                        <div class="guess-img">
                            <img src="./images/guess1.png" alt="">
                            <p>ESTEELAUDER</p>
                            <p>雅诗兰黛特润修护精华眼霜（小棕瓶眼霜）</p>
                            <p>￥1060.00</p>
                        </div>
                        <div class="guess-img">
                            <img src="./images/guess2.jpg" alt="">
                            <p>ESTEELAUDER</p>
                            <p>雅诗兰黛持妆粉底液SPF10/PA++</p>
                            <p>￥410.00</p>
                        </div>
                        <div class="guess-img">
                            <img src="./images/guess3.jpg" alt="">
                            <p>ESTEELAUDER</p>
                            <p>雅诗兰黛特润修护精华眼霜（小棕瓶眼霜）</p>
                            <p>￥1060.00</p>
                        </div>
                        <div class="guess-img">
                            <img src="../images/guess4.jpg" alt="">
                            <p>LANCOME</p>
                            <p>兰蔻细管丝绒纯口红(哑光质地yyds)</p>
                            <p>￥300.00</p>
                        </div>
                        <div class="guess-img">
                            <img src="../images/guess5.jpg" alt="">
                            <p>LANCOME</p>
                            <p>兰蔻菁纯臻颜焕亮眼霜</p>
                            <p>￥1080.00</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- banner结束 -->

        <!-- 物流小车开始 -->
        <div class="car w">
            <div class="carBoder">
                <div class="ems">
                    <i class="iconfont">&#xe683;</i>
                    <span>顺丰EMS速达</span>
                </div>
                <div class="ems">
                    <i class="iconfont">&#xe611;</i>
                    <span>丰富礼赠</span>
                </div>
                <div class="ems">
                    <i class="iconfont">&#xe604;</i>
                    <span>100%官方正品</span>
                </div>
                <div class="ems">
                    <i class="iconfont">&#xe629;</i>
                    <span>无障碍退款</span>
                </div>
                <div class="ems">
                    <i class="iconfont">&#xe669;</i>
                    <span>安全支付</span>
                </div>
            </div>
        </div>
        <!-- 物流小车结束 -->

        <!-- 购物流程说明开始 -->
        <div class="shopping w">
            <ul class="shopping-box">
                <li class="headerText">购物流程</li>
                <li class="secondText">大宗采购/团购</li>
                <li class="secondText">丝芙兰预付卡章程</li>
            </ul>
            <ul class="shopping-box">
                <li class="headerText">支付/配送</li>
                <li class="secondText">在线支付</li>
                <li class="secondText">配送时间</li>
            </ul>
            <ul class="shopping-box">
                <li class="headerText">售后服务</li>
                <li class="secondText">退换货规定</li>
                <li class="secondText">退换及退款说明</li>
            </ul>
            <ul class="shopping-box">
                <li class="headerText">关于丝芙兰</li>
                <li class="secondText">公司介绍</li>
                <li class="secondText">联系我们</li>
                <li class="secondText">品牌合作/Brand Collaboration</li>
                <li class="secondText">隐私政策</li>
            </ul>
            <ul class="shopping-box">
                <li class="headerText">网上订购咨询热线 : 400 670 0055</a>
            </ul>
            <ul class="blank">
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
        <!-- 购物流程说明结束 -->

        <!-- footer -->
        <div class="footer">
            <div class="footer-main w">
                <img src="../images/footer-公安局-icon.png" alt="">
                <span class="marginRight">沪公网安备 31010602003121号</span>
                <span class="marginRight">ICP备案序号:沪ICP备05026645号</span>
                <span class="marginRight">食品经营许可证</span>
                <span class="marginRight">食品经营许可证</span>
                <span>严正声明</span>
                <br>
                <div class="Linkus">
                    <span>本网站隶属于丝芙兰（上海）化妆品销售有限公司</span>
                    <span>企业法人营业执照</span>
                    <span>预付卡信息对接唯一标识 : 310101F5201530100309</span>
                </div>
            </div>
        </div>
    </body>
<script src="./libs/jquery.js"></script>
<script src="./js/cookie.js" ></script>
<script src="./libs/require.js" data-main="./js/shopping-cart.js"></script>

</html>